 .top {
 	width: 100%;
 	height: 56px;
 	overflow: hidden;
 }
 
 .top img {
 	float: left;
 	margin-left: 4.5%;
 	margin-top: 6px;
 }
 
 .top h2 {
 	float: left;
 	font-size: 1.6rem;
 	color: white;
 	margin-left: 2.7%;
 	margin-top: 16px;
 }
 
  .top h3 a {
 	width: 20.4%;
 	height: 30px;
 	margin-top: 13px;
 	line-height: 30px;
 	text-decoration: none;
 	float: right;
 	font-weight: normal;
 	font-size: 1.2rem;
 	color:#1c3144;
 	text-align: center;
 	margin-right: 4.5%;
 	background: #fff038;
 	border-radius: 5px;
 }

 
 html,
 body {
 	position: relative;
 	height: 100%;
 	font-size: 62.5%;
 	background:#313349;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	color: #000;
 	margin: 0;
 	padding: 0;
 }
 
 .wrap {
 	overflow: hidden;
 	background: #f3f4f5;
 	height: 100%;
 }
 
 .go_buy p {
 	height: 48px;
 	margin: 0;
 	width: 100%;
 	overflow: hidden;
 	line-height: 48px;
 	color: black;
 	clear: both;
 	font-size: 1.6rem;
 	border-bottom: 1px solid #c6c6c6;
 }
 
 .go_buy p input {
 	font-size: 1.6rem;
 }
 
 .go_buy p label {
 	margin-left: 9.3%;
 }
 
 .go_buy p a {
 	float: right;
 	margin-right: 9.2%;
 	text-decoration: none;
 	color: black;
 	-webkit-tap-highlight-color: transparent;
 	-webkit-touch-callout: none;
 	-webkit-user-select: none;
 }
 
 .username input {
 	float: right;
 	width: 50%;
 	margin-right: 8%;
 	height: 45px;
 	line-height: 45px;
 	color: black;
 	text-align: right;
 	border: none;
 	outline: none;
 	background: none !important;
 }
 
 .password input {
 	float: right;
 	width: 50%;
 	margin-right: 8%;
 	color: black;
 	height: 45px;
 	line-height: 45px;
 	text-align: right;
 	border: none;
 	outline: none;
 	background: none !important;
 }
 .purchase input {
 	float: right;
 	width: 50%;
 	margin-right: 8%;
 	color: black;
 	height: 45px;
 	line-height: 45px;
 	text-align: right;
 	border: none;
 	outline: none;
 	background: none !important;
 }
 
 .pay span {
 	float: right;
 	width: 78.5px;
 	height: 49px;
 	line-height: 49px;
 	background: url(../images/pay.png) no-repeat;
 	background-size: 100%;
 	margin-top: 10px;
 	margin-right: 8.4%;
 }
 
 .price input {
 	float: right;
 	width: 50%;
 	color: red !important;
 	margin-right: 7%;
 	height: 45px;
 	line-height: 45px;
 	color: black;
 	text-align: right;
 	border: none;
 	outline: none;
 	background: none !important;
 }
 
 .go_btn {
 	width: 100%;
 	font-size: 1.6rem;
 	margin-top: 15px;
 	display: block;
 	height: 49px;
 	text-decoration: none;
 	line-height: 49px;
 	background: #EB4F51;
 	color: white;
 	text-align: center;
 }
 
 .go_btn a:hover{background: #44C0FF !important;
 	color:white !important;}
.go_btn a.active {
 	background: #44C0FF !important;
 	color:white !important;
 }
 
 .go_buy p a img {
 	width: 11%;
 	position: relative;
 	top: -2.4px;
 	left: 10px;
 }
 
 .footer {
 	height: 70px;
 	background: url(../images/footer.png) no-repeat;
 	width: 100%;
 	position: fixed;
 	bottom: 0;
 	z-index: 2;
 }
 
 .footer .foot-nav>li {
 	width: 20%;
 	box-sizing: border-box;
 	list-style: none;
 	float: left;
 	text-align: center;
 	-webkit-transition: all 0.3s ease;
 	-ms-transition: all 0.3s ease;
 	-moz-transition: all 0.3s ease;
 	transition: all 0.3s ease;
 	cursor: pointer;
 	/* overflow: hidden; */
 }
 
 .footer .foot-nav {
 	margin: 0;
 	padding: 0;
 }
 
 .footer .foot-nav>li>a {
 	width: 100%;
 	height: 110px;
 	display: block;
 	text-decoration: none;
 	position: relative;
 	cursor: pointer;
 	box-sizing: border-box;
 	padding-top: 50px;
 	line-height: 10px;
 	color: #999;
 	font-size: 12px;
 	font-weight: 300;
 	-webkit-transition: all 0.3s ease;
 	-ms-transition: all 0.3s ease;
 	-moz-transition: all 0.3s ease;
 	transition: all 0.3s ease;
 }
 
 .footer .foot-nav i {
 	color: #999;
 	font-size: 40px;
 	position: absolute;
 	height: 50px;
 	line-height: 50px;
 	top: 0;
 	left: 0;
 	width: 100%;
 	display: block;
 	-webkit-transition: all 0.3s ease;
 	-ms-transition: all 0.3s ease;
 	-moz-transition: all 0.3s ease;
 	transition: all 0.3s ease;
 }
 /*引导箭头*/
 
 .arrow {
 	display: block;
 	width: 10px;
 	height: 10px;
 	position: absolute;
 	left: 50%;
 	margin-left: -11px;
 	border: 2px solid transparent;
 	border-bottom: 2px solid white;
 	border-right: 2px solid white;
 	z-index: 99;
 	opacity: .8;
 	-webkit-transform: rotate(45deg);
 	-webkit-animation: arrow 1.5s infinite ease-in-out;
 }
 
 @-webkit-keyframes arrow {
 	0% {
 		opacity: 0;
 		-webkit-transform: translate(0, 0px) rotate(45deg)
 	}
 	50% {
 		opacity: 1;
 		-webkit-transform: translate(0, -5px) rotate(45deg)
 	}
 	100% {
 		opacity: 0;
 		-webkit-transform: translate(0, -10px) rotate(45deg)
 	}
 }